シンプルなHTMLとモダンCSSを使用して、レイアウトやUIコンポーネントを実装するHTMLを愛する人のためのUIライブラリを紹介します。

手軽に実装できるように、classレスのHTMLにユーティリティとコンポーネント用のclassを組み合わせており、ブラウザネイティブのコンポーネントを使用して段階的にUIを強化します。

Kelp
Kelp -GitHub

Webサイトやスマホアプリに最適、モダンCSSとTailwind CSSで作成されたプロ仕様の背景パターンとグラデーションを紹介します。

100種類以上の背景パターンとグラデーションはシームレスに設計されているので、あらゆるサイズで利用できます。

Pattern Craft
Pattern Craft -GitHub

※本ページは、アフィリエイト広告を利用しています。

AmazonでスマイルSALEが開催しています！
プライムデーやブラックフライデーほどの規模ではありませんが、通常のセールよりもかなり安くなっており、非常にお買い得です。中にはプライムデーよりもお安いものあります！

セール期間は、9/4（木）まで。

私が今回のセールで購入したもの、リピ買いしているものを紹介します。プライムデーで見逃してしまった、という人にもかなりお勧めです。

スマイルSALE

タイプデザイナー金井和夫氏のREN FONTで、新作フォント公開記念セールが本日から10/31までの期間限定で開催されています！

Webデザインやグラフィックデザイン、マンガや同人誌など、クリエイティブワークにぴったりな日本語フォントもたくさんあり、日本語フォントってお高いんだよな、と思ってた人はこのタイミングをお見逃しないように！

新作となる「Festoso」は、9/3までの期間限定で無料でダウンロードできます。

※本ページは、アフィリエイト広告を利用しています。

どのジャンルでもそうですが、ちょっとしたコツが分かるとメキメキ腕があがることがあると思います。

キャラクターのイラストを描いてみたい、いろいろな表情、肌や目や髪の塗り、さまざまなポーズ・アクション、服装や装備、小物まで、イラストを描くノウハウがぎっしり詰まった解説書を紹介します。

ボタンやアイコンなどでクリック・タップ可能なエリアを広げたいと思ったことがあると思います。a要素をブロックにしてpaddingを加えたり、JavaScriptを使用したりといった方法がありますが、今回はレイアウトはそのまま変えずにクリック・タップ可能な領域を広げるCSSのテクニックを紹介します。

下記は、左は通常のクリックエリア、右はクリックエリアを広げたものです。デスクトップ時は小さいままで、スマホ時には44pxに広げるといったことも簡単にできます。

「くるん・デコ」「ninaSchoolgirl」「になロマン」「最強少女」「薄幸少女」など、楽しくてかわいいフリーフォントをたくさんリリースされている213ちゃんから、新作フリーフォントがリリースされました！

今回は、コミック風の手書きがかわいいフォント「びーんずフォント」
作者はチャックび～んずがマイブームとのことで、今までのフォントにはないコミック風の味わいをベジェ曲線でデザインした推し豆フォントです。

びーんずフォント【商用可】

簡単に使える、便利なAIツールが増えてきましたね！
WebサイトやスマホアプリのUIデザイン用に、入力されたプロンプトから色彩理論、トレンドに基づいてカラーパレットを生成してくれる無料AIツールを紹介します。

プロンプトは、日本語でも大丈夫です！

Colorify.rocks